<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}首页{% endblock %} - 智能图书管理系统 </title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css')}}">
</head>
<body>
<nav class="navbar">
    <div class="navbar-container">
        <a class="navbar-brand" href="{{ url_for('home') }}">智能图书管理系统
        </a>
        <ul class="navbar-nav">
            <li><a href="{{ url_for('home') }}">首页 </a></li>
            <li><a href="{{ url_for('books') }}" class="btn">图书管理 </a></li>
            <li><a href="{{ url_for('manage_borrowers') }}">借阅者管理 </a>
            </li>
            <li><a href="{{ url_for('manage_borrowing') }}">借阅管理 </a>
            </li>
            <li><a href="{{ url_for('search') }}">搜索 </a></li>
            <li><a href="{{ url_for('about') }}">关于 </a></li>
            {% if current_user.is_authenticated %}
            <li><a href="{{ url_for('logout') }}">登出 </a></li>
            <li><span class="navbar-text">欢迎, {{ current_user.email }}</span></li>
            {% else %}
            <li><a href="{{ url_for('login') }}">登录</a></li>
            <li><a href="{{ url_for('register') }}">注册 </a></li>
            {% endif %}
        </ul>
    </div>
</nav>


<div class="container">
    {% with messages = get_flashed_messages() %}
    {% if messages %}
    <div class="alert">
        {% for message in messages %}
        <p>{{ message }} </p>
        {% endfor %}
    </div>
    {% endif %}
    {% endwith %}


    {% block body %}
    <div class="welcome">
        <h1>欢迎来到智能图书管理系统 </h1>
        <p>这个系统帮助您高效地管理和借阅图书。 </p>
        <a class="btn" href="{{ url_for('books') }}">开始管理图书</a>
    </div>
    {% endblock %}
</div>
</body>
</html>
